<ui:composition 
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:pcc="http://java.sun.com/jsf/composite/pcc"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:icecore="http://www.icefaces.org/icefaces/core"
    xmlns:ice="http://www.icesoft.com/icefaces/component"
    xmlns:fmt="http://java.sun.com/jsp/jstl/fmt">
    
	<script type="text/javascript">
		function beforeCloseNodoForm(){
			var jqWrapper=jQuery('[id$="nodoFormWrapper"]');
			jQuery('[id$="nodoId"]',jqWrapper).val(" ");
			jQuery('[id$="nodoNombre"]',jqWrapper).val(" ");
			jQuery('[id$="autoCmpTipoNodo"]',jqWrapper).val(" ");
			var jqSelect=jQuery('[id$="nodoEstadoRegistro"]',jqWrapper);	
			jQuery("option",jqSelect)[1].selected = true;	
		}
	</script>

<!-- 	<ice:form id="nodoForm" partialSubmit="false"> -->
		<ice:panelPopup draggable="true" visible="#{fcNodo.visibleNodoForm and fcTabsNodo.tabbedNodoVisible}" rendered="${fcNodo.visibleNodoForm}" style="z-index: 1000; position: fixed !important;" styleClass="ui-dialog ui-draggable">
			<f:facet name="header">
			    <ice:panelGroup styleClass="ui-dialog-titlebar">
			        <ice:outputText styleClass="ui-dialog-title" value="${messages['titulo.addNodo']}"/>
			        <ice:commandLink styleClass="ui-dialog-titlebar-close" value="${serviquality['app.closePopup']}" action="#{fcNodo.closePopupNodoForm}" onclick="beforeCloseNodoForm();"/>
			    </ice:panelGroup>
			</f:facet>
                
			<f:facet name="body">			
			    <ice:panelGrid styleClass="ui-dialog-content formulario" id="nodoFormWrapper">			 
					<ice:outputText styleClass="ui-dialog-title" value="${serviquality['nodo.codigo']}" />
    				<ice:inputText id="nodoId" value="${fcNodo.nodo.nodoPK.codigo}" partialSubmit="true" required="true">
    					<f:validateLength maximum="20"/>
    				</ice:inputText>
    				<ice:message for="nodoId" />			
			    	
			    	<ice:outputText styleClass="ui-dialog-title" value="${serviquality['nodo.nombre']}"/>
					<ice:inputText id="nodoNombre" value="${fcNodo.nodo.nombre}" partialSubmit="true" required="true">
						<f:validateLength maximum="100"/>
					</ice:inputText>
					<ice:message for="nodoNombre" />
			    	
			    	<ice:outputText styleClass="ui-dialog-title" value="${serviquality['nodo.descripcion']}"/>
			    	<ice:inputTextarea id="nodoDescripcion" value="${fcNodo.nodo.descripcion}" rows="5" cols="40" partialSubmit="true" required="false">
     					<f:validateLength maximum="250" />
 					</ice:inputTextarea>
 					<ice:message for="nodoDescripcion" />
 					
 					<ice:outputText styleClass="ui-dialog-title" value="${serviquality['tipoNodo']}"/>
					<ice:selectInputText id="autoCmpTipoNodo"
						rows="${serviquality['app.sizeAutoComplete']}"
						width="300"
						value="#{fcNodo.nodo.nodoPK.tipoNodo.nombre}"
						valueChangeListener="#{fcNodo.selectTipoNodoValueChanged}"
						listVar="tipoNodo"
						listValue="#{fcNodo.tiposNodos}"
						required="true"
						partialSubmit="false">
<!-- 						 <f:validator validatorId="valRequerido"/> -->
						<!-- facet is used to define area used in popup -->
     					<f:facet name="selectInputText">
         					<ice:panelGrid columns="3"
								columnClasses="column1,column2,column3">
				               <ice:outputText id="AutoCmpTNombre" value="#{tipoNodo.nombre}"/>
				               <ice:outputText id="AutoCmpTCodigo" value="#{tipoNodo.codigo}"/>
				               <ice:outputText id="AutoCmpTNivel" value="#{tipoNodo.nivel}"/>
							</ice:panelGrid>
       					</f:facet>			
			        </ice:selectInputText>
			        <ice:message for="autoCmpTipoNodo" />
			    	
			    	<ice:outputText styleClass="ui-dialog-title" value="${serviquality['nodo.estadoRegistro']}"/>
			    	<ice:selectOneMenu id="nodoEstadoRegistro" value="${fcNodo.nodo.estadoRegistro.codigo}" partialSubmit="false" required="true">
                        <f:selectItem itemLabel="#{serviquality['app.labelSelectVacio']}" itemValue=""/>
                        <c:forEach items="#{fcNodo.estadosRegistro}" var="estadoRegistro">
                            <f:selectItem itemLabel="#{estadoRegistro.descripcion}" itemValue="#{estadoRegistro.codigo}"/>
                        </c:forEach>                        
                    </ice:selectOneMenu>
                    <ice:message for="nodoEstadoRegistro" />
                    
                    <br/>
                    <ice:commandButton id="grabarNodo" value="${serviquality['button.grabar']}" action="#{fcNodo.grabarNodo}" partialSubmit="false"/>																	                
			    </ice:panelGrid>
			</f:facet>       
		</ice:panelPopup>		
<!-- 	</ice:form>	 -->
</ui:composition>